﻿<html>
<head>
<title>CSS3 Border Bottom Color Test </title>

<style type="text/css" id="internalStyle">
p {border-bottom-color: blue; border-bottom-style: solid;
   }
h3 {border-bottom-color: green; border-bottom-style: solid;}
</style>
</head>

<body>




<h1>CSS3 Border Bottom Color Test</h1>





<ul>
<li>
The "border-bottom-color" property sets the foreground color of the bottom 
border specified by the border-style properties.
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
<p>
If statement above is true, this paragraph should have a border bottom color
of blue.
The rule applied is "p {border-bottom-color: blue;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</p>
<h3>
This h3 heading should have a border bottom color of green.
The rule applied is "h3 {border-bottom-color: green;}".
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</h3>

<p>
All other properties of this page should be UA-default.
This is a paragraph like the one above, so should also have
blue border bottom color.  Border bottom style of solid is applied to all CSS rules,
so that bottom border is visible.
</p>

</body>
</html>
